/**
 * Created by Administrator on 2017/5/26 0026.
 */

function test(){
    $('body').css('display', 'block');
}

$(function(){
    //注册验证

    //用户名验证  6~20个字符，可使用字母、数字、下划线
    $("#username").on("blur",function(){

        $("#sp").css("display","none");
        var reg=/^[A-Za-z0-9_]{6,20}$/g;
        var str=$(this).val();
        if(str==""){
            $(".tishi>#nameti").css("display","block");

        }else if(reg.test(str)==true){
            $(".tishi>#nameti").css("display","none");

        }else if(reg.test(str)==false){
            $(".tishi>#nameti").css({display:"block"}).
            text("6~20个字符，可使用字母、数字、下划线")
        }
    })

    //密码验证  6~16个字符，区分大小写
    $("#userpwd").on("blur",function(){
        var reg1=/^.{6,16}$/g;
        var str1=$("#userpwd").val();
        if(str1==""){
            $(".tishi").find("#pwdti").css("display","block");
        }else if(reg1.test(str1)==true){
            $(".tishi").find("#pwdti").css("display","none")

        }else if(reg1.test(str1)==false){
            $(".tishi").find("#pwdti").css("display","block").
            text("密码格式有误");
        }

    })


    //重复密码
    $("#userpwd1").on("blur",function(){
        var reg2=/^.{6,16}$/g;
        var str2=$("#userpwd1").val();
        if(str2==""){
            $(".tishi").find("#agiti").css("display","block");
        }else if(str2==$("#userpwd").val()){
            $(".tishi").find("#agiti").css("display","none")
        }else if(reg2.test(str2)==true&&str2!=$("#userpwd").val()){
            $(".tishi").find("#agiti").css("display","block").
            text("*请输入与上面相同的密码");
        }else if(str2!=$("#userpwd").val()){
            $(".tishi").children("#agiti").css("display","block").
                text("密码格式有误"+
                "*请输入与上面相同的密码")
        }

    })

//邮箱验证
    $("#useremail").on("blur",function(){
        var reg3=/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/g;
        var str3=$("#useremail").val();
        if(str3==""){
            $(".tishi").find("#emati").css("display","block");
        }else {
            if(reg3.test(str3)==true){
                $(".tishi").find("#emati").css("display","none")
            }else if(reg3.test(str3)==false){
                $(".tishi").find("#emati").css("display","block").
                text("邮箱格式有误");
            }
        }
    })

//验证码
    $("#radom").find("a").on("click",function(){
        $("#radom").find("a").css({
            color:"rgb("+getColor()+","+getColor()+","+getColor()+")"
            ,fontSize:"22px"}).text(""+getRom()+""+getRom()+""+getRom()+""+getRom()+"")
        console.log($("#radom").find("a").text());

    })


    //随机生成验证码
    function getRom(){
        var onum=parseInt(Math.random()*123);
        if(onum>=97&&onum<=122){
            //
            // return String.fromCharCode(65+onum)
        }else {
            return getRom()
        }
        return String.fromCharCode(onum)
    }

    //随机生成验证码颜色
    function  getColor(){
        var clor=parseInt(Math.random()*256);
        return clor;
    }
})

//验证码
$(function(){
    // var ora=document.getElementById('radom');



    //同意条款
    $("#btn").on("click",function(){
        if($(".che").prop("checked")==false){
            $("#aggti").css("display","block")

        }else {
            $("#aggti").css("display","none")
        }




        //验证码
        if($("#yan").val()==$("#radom").find("a").text()){
            $(".oy").css("display","none")
            //注册信息服务器验证ajax请求
            $.ajax({
                url:"./server/reg.php",
                type:"post",
                data:$(".regfor").serialize(),
                success:function(res){
                    // console.log(res);
                    // console.log(JSON.parse(res));
                    if(JSON.parse(res)[0].status=1){
                        alert("您已注册成功！");
                        window.location.href="login.html"
                    }
                }
            })

        }else {
            $(".oy").css("display","block")

        }

    })

})


//回顶部按钮的滚动事件
$(function(){
    $(document).scroll(function(){
        if($("body").scrollTop() > 0){
            $(".top-return").css("display", "block");
            $(".top-return").on("click",function(){
                $("body").css("top",0)
            })
        }else {
            $(".top-return").css("display", "none")
        }
    })
})




